<template>
    <div class="related_body">
      <h2>相关动作</h2>
      <ul v-model="this.$store.state.action">
        <li v-for="item in this.$store.state.action">{{item.name}}</li>
      </ul>
    </div>
</template>

<script>
    export default {
        name: "RelatedActions",
      data(){
          return{

          }
      },
      created() {
        var this_=this
        this.$axios.get('http://127.0.0.1:8080/dongzuo/dongzuoshipin', {
          params: {
            search:"",
            qixie: "",
            body_part: "",
            grade: "",
            page_index: 1,
          }
        })
          .then(function (response) {
            this_.$store.state.action = response.data
          })
      }

    }
</script>

<style scoped>
  ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 50px;
    padding-right: 50px;
  }
  h2{
    margin-bottom: 20px;
  }
  li{

    height: 40px;
    width: 33%;
    cursor: pointer;
    font-size: 18px;
    font-weight: inherit;
  }

  .related_body{
    padding: 20px 20px;
  }

</style>
